<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>时间选择器组件</title>
    <!--<link rel="stylesheet" href="./whatInput.css"/>-->
    <link href="../../src/css/bootstrap-all.css" rel="stylesheet" type="text/css"/>

    <link href="../../src/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="../../src/js/avalon.modern.1.5.min.js"></script>
    <script src="../../plugins/call/call.mobile.v2.js"></script>
    <script src="../../plugins/cache/cache.js"></script>
</head>
<body class="container">
<br>
<div ms-controller="test" class="row">
    <div class="col-md-4">
        <tsy:datepicker config="$opt">
            <input slot="input" type="text" class="form-control" ms-duplex="dateStr">
        </tsy:datepicker>
        <!--<input type="text" class="form-control">-->
    </div>



</div>

<script>
    // var apiURL = './index.php?i=';
    //    var apiURL = 'http://gzxz.dev.tansuyun.cn/index.php?i=' //开发版服务端
    //var apiURL = 'http://www.huiruo.cn/index.php?i='  //生产版

    avalon.ready(function () {
        require(['../../lib/datePicker/datePicker'], function () {
            var vm = avalon.define({
                $id: "test",
                ready: function () {

                },
                dateStr:"",
                date1:"",
                date2:"",
                $opt:{
                    //选择器对齐方式，可能的值有：
                    /*
                    * left-top 默认
                    * left-bottom
                    * right-top
                    * right-bottom
                    *
                    * */
                    algin:'left-top',

                    //是否为单点时间选择,若为true则只选择一个时间，如果为false，则选择时间段
                    single:false,

                    wakeUp: function (datePicker) {
                        if(vm.date1!=''&&vm.date2!=''){
                            //唤醒的时候设置当前选中的时间进去
                            datePicker.setNowDate(vm.date1,vm.date2)
                        }else{
                            //或者设置日历所在的年月
                            datePicker.year=new Date().getFullYear()
                            datePicker.month=new Date().getMonth()+1
                        }

                        //其他的处理函数
                    },
                    callback: function (datePicker,date1,date2,dateStr) {
//                        date1 ,data2 都是一个时间戳，精确到ms
                        vm.date1=date1
                        vm.date2=date2

                        vm.dateStr=dateStr

                    }
                }


            })
            avalon.scan()
        })

    })
</script>


</body>
</html>